<template>
  <nav class="tab">
    <tab-sub
      v-for="(item,index) of cityDatas"
      :cityInfo="item"
      :key="index"
    ></tab-sub>
  </nav>
</template>
              
<script>
import TabSub from "./Sub";
import cityDatas from "@/assets/data/cities";
export default {
  name: "Tab",
  components: { TabSub },
  data() {
    return {
      cityDatas
    };
  },
  methods: {},
  created() {}
};
</script>
              
<style lang="scss" scoped>
@import "@/assets/styles/mixins.scss";
.tab {
  @include flex-row;
  flex-wrap: no-wrap;
  height: 0.4rem;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}
</style>